<template>
    <div class="box">
       <!-- tab栏 -->
       <div class="head">
    		<image :src="src1" class="headd" resize="cover" @click="biu()"></image>
    		<text class="head1">店铺地址</text>
    		<text class="head2" @click="biubiu()">确定</text>
    	</div> 
    	<div class="sec">
            <input placeholder="请输入店铺地址" class="shopPath" v-model="contents" type="text">
        </div>
        <!-- 佛祖保佑，永无bug -->
    </div>
</template>
<style scoped>
    .shopPath{
        text-align:center;
    }
    .sec{
        border-bottom:1px solid #999;
        margin:150px 50px 0;
    }
    .box{
        flex-direction: column;
    }
    .head{
    	width: 100%;
    	height: 48px;
    	padding-top: 12px;
    	/*background-color: pink;*/
    	box-sizing: border-box;
    	line-height: 32px;
    	flex-direction: row;
    	justify-content: center;
    	align-items: center;
    	/*margin-top: 17px;*/
    	position: fixed;
    	top: 0;
    	left: 0;
    	box-shadow: 1px 1px 1px #ccc;
    	background-color: #fff;
    	/*position: relative;*/
    	z-index: 2;	
    }
    .headd{
    	width: 15px;
    	height: 20px;
    	/*background-color: #33c179;*/
    	/*position: fixed;*/
    	position: absolute;
    	left: 12px;
    }
    .head2{
    	position: absolute;
    	right: 12px;
    	margin-left: 80px;
    	font-size: 20px;
    	/*color: #000;*/
    	font-weight: bold;
    }
    .head1{
    	font-size: 20px;
    	font-weight: bold;
    }
    
</style>
<script>
    let stream = weex.requireModule('stream');
export default {
    data () {
        return {
          src1: 'http://192.168.2.123:8080/img/index_back.png',
            contents:""
        }
    },
    methods: {
    	// 点击返回
     	biu(){
     		this.$router.back(-1);
     	},
     	// 点击确定
     	biubiu(){
        // 地址缓存
        let pathInfo = {
            path:this.contents
        };
        localStorage.setItem("shopPath",JSON.stringify(pathInfo));

        // 跳回设置界面
        this.$router.push('/setShopInfo');
     	}
     	
    }
}
</script>